    <%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
        <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
            <%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
        <html lang="en">
        <head>
        <title>无线点餐后台</title>

        <link rel="stylesheet" type="text/css"
        href="/NetDianCan/bootstrap/css/bootstrap.css">
        <link rel="stylesheet" type="text/css"
        href="/NetDianCan/bootstrap/css/bootstrap-select.css">
        <link rel="stylesheet" type="text/css" href="/NetDianCan/css/theme.css">
        <link rel="stylesheet"
        href="/NetDianCan/font-awesome/css/font-awesome.css">


        <script src="/NetDianCan/js/jquery-1.7.2.min.js" type="text/javascript"></script>
        <script src="/NetDianCan/bootstrap/js/bootstrap.js"></script>
        <script src="/NetDianCan/bootstrap/js/bootstrap-select.js"></script>
        <script src="/NetDianCan/bootstrap/js/bootstrap-file-input.js"></script>

        <link rel="stylesheet"
        href="/NetDianCan/bootstrap/css/bootstrap-switch.css" />
        <script src="/NetDianCan/bootstrap/js/bootstrap-switch.js"></script>


        <!-- Demo page code -->

        <style type="text/css">
        #line-chart {
        height: 300px;
        width: 800px;
        margin: 0px auto;
        margin-top: 1em;
        }

        .brand {
        font-family: georgia, serif;
        }

        .brand .first {
        color: #ccc;
        font-style: italic;
        }

        .brand .second {
        color: #fff;
        font-weight: bold;
        }
        </style>


        </head>
        <body class="">
        <!--<![endif]-->

        <div class="navbar">
        <div class="navbar-inner">
        <ul class="nav pull-right">

        <li><a href="#"
        class="hidden-phone visible-tablet visible-desktop" role="button">设置</a></li>
        <li id="fat-menu" class="dropdown"><a href="#" role="button"
        class="dropdown-toggle" data-toggle="dropdown"> <i
        class="icon-user"></i>${user.username} <i class="icon-caret-down"></i>
        </a>

        <ul class="dropdown-menu">
      
        <li class="divider"></li>
        <li><a tabindex="-1" href="/NetDianCan/views/login.jsp">退出</a></li>
        </ul></li>

        </ul>
        <a class="brand" href="/NetDianCan/views/index.jsp"><span
        class="first">无线点餐</span> <span class="second">后台</span></a>
        </div>
        </div>


        <div class="sidebar-nav">
        <form class="search form-inline">
        <input type="text" placeholder="Search...">
        </form>

        <a href="#dashboard-menu" class="nav-header" data-toggle="collapse"><i
        class="icon-dashboard"></i>首页</a>
        <ul id="dashboard-menu" class="nav nav-list collapse in">
        <li><a href="/NetDianCan/views/index.jsp">报表</a></li>
        <li><a href="/NetDianCan/user/userList">用户管理</a></li>
        </ul>

        <a href="#table-menu" class="nav-header" data-toggle="collapse"><i
        class="icon-table"></i>餐桌 </a>
        <ul id="table-menu" class="nav nav-list collapse">
        <li><a href="/NetDianCan/table/getTableList">餐桌管理</a></li>
        </ul>

        <a href="#menu-menu" class="nav-header collapsed"
        data-toggle="collapse"><i class="icon-reorder"></i>菜谱 </a>
        <ul id="menu-menu" class="nav nav-list collapse">
        <li><a href="/NetDianCan/menu/menulist">菜谱管理</a></li>
        </ul>

        <a href="#order-menu" class="nav-header" data-toggle="collapse"><i
        class="icon-th-large"></i>订单</a>
        <ul id="order-menu" class="nav nav-list collapse">
        <li><a href="/NetDianCan/order/orderlist">订单管理</a></li>
        </ul>
        <a href="#class-menu" class="nav-header" data-toggle="collapse"> <i
        class="icon-th-large"></i>分类
        </a>

        <ul id="class-menu" class="nav nav-list collapse">
        <li><a href="/NetDianCan/menu/class">菜品分类管理</a>
        </li>
        </ul>
        <a href="#purchase-menu" class="nav-header" data-toggle="collapse">

        <i class="icon-th-large"></i>进货</a>

        <ul id="purchase-menu" class="nav nav-list collapse">
        <li>
        <a href="/NetDianCan/purchase/purchase">进货记录</a>
        </li>
        </ul>
        </div>

        <!-- 内容 开始 -->
        <div class="content">

        <div class="header">
        <h1 class="page-title">订单添加</h1>
        </div>

        <ul class="breadcrumb">
        <li><a href="/NetDianCan/views/index.jsp">主页</a> <span
        class="divider">/</span></li>
        <li><a href="/NetDianCan/order/orderlist">订单</a> <span
        class="divider">/</span></li>
        <li class="active">订单添加</li>
        </ul>

        <div class="container-fluid">
        <div class="row-fluid">

        <div class="page-header"></div>

        <div class="row-fluid">
        <div class="span1"></div>
        <div class="span4">
        <h2>
        <span class="label"> 人 数 : </span> <span
        class="label label-success"> ${order.personNum}</span>
        </h2>
        <h2>
        <span class="label"> 桌 号 : </span> <span
        class="label label-success"> ${order.tabletbl.id}</span>
        </h2>


        <h2>
        <span class="label">下单时间 : </span> <span
        class="label label-success"> ${order.orderTime}</span>
        </h2>
        <h2>
        <span class="label">是否结账 : </span>
        <c:if test="${order.idPay==1}">
            <span class="label label-success">已结账</span>
        </c:if>
        <c:if test="${order.idPay==0}">
            <span class="label label-success">待结账</span>
        </c:if>
        </h2>
        <h2>
        <span class="label">总 价 : </span>
        <c:set var="totalPrice" value="${0}"></c:set>
        <c:forEach items="${order.orderdetailtbls}" var="od_list">
            <c:set var="totalPrice"
                   value="${totalPrice+ od_list.menutbl.price*od_list.num}"/>
        </c:forEach>
        <span class="label label-success"> ${totalPrice}</span>
        </h2>
        <h2>
        <span class="label"> 备 注 : </span>
        </h2>
        <p class="text-success">${menu.remark}</p>

        </div>
        <div class="span5">
        <h3>菜单</h3>
        <div class="page-header"></div>
        <div class=" pre-scrollable">
        <table
        class="table table-striped table-bordered bootstrap-datatable datatable">
        <thead>
        <tr>
        <th>菜名</th>
        <th>价格</th>
        <th>数量</th>
        <th style="width: 26px;"></th>
        </tr>
        </thead>
        <tbody>
        <c:forEach items="${order.orderdetailtbls}" var="tbl">
            <tr>

            <td>${tbl.menutbl.name}</td>
            <td>${tbl.menutbl.price}</td>
            <td>${tbl.num}</td>
            </tr>
        </c:forEach>
        </tbody>
        </table>
        </div>


        </div>
        </div>
        <div class="form-actions">

        <a href="/NetDianCan/order/orderlist">
        <button class="btn">返 回</button>
        </a>
        </div>
        <footer>
        <hr>
        <p class="pull-right">
      
        </p>
        </footer>

        </div>
        </div>
        </div>


        <script type="text/javascript">
        $('.selectpicker').selectpicker({
        style : 'btn-info',
        size : 4
        });

        $(document).ready(function() {
        $('#mySelect').change(function() {
        //alert($(this).children('option:selected').val());
        var p1 = $(this).children('option:selected').val();//这就是selected的值
        //改变隐藏域中的值
        $('#menutype').val(p1);
        //var p2=$('#menutype').val();
        //alert(p2)
        })
        })
        $('input[type=file]').bootstrapFileInput();
        $('.file-inputs').bootstrapFileInput();
        </script>
        </body>
        </html>
